<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>v-for指令</title>
</head>
<body>
 <div id="app">
    <ul>
        <template v-for="book in books">
            <li>书名：{{ book.name}}</li>
            <li>作者：{{book.author}}</li>
        </template>
    </ul>
</div>
<script src="../../vue.min.js"></script>
<script>
    var app = new Vue({
        el:"#app",
        data:{
            books:[
                {
                    name:'《Vue.js实战》',
                    author:'梁英'
                },
                {
                    name:'《JavaScript语言精粹》',
                    author:'Douglas Crockford'
                },
                {
                    name:'《JavaScript高级程序设计》',
                    author:'Nicholas C.Zakas'
                }
            ]
        }
    })
</script>


<!--<div id="app">-->
<!--    <ul>-->
<!--        <li v-for="(value,key,index) in user">-->
<!--            {{index}}-{{key}}:{{value}}-->
<!--        </li>-->
<!--    </ul>-->
<!--</div>-->
<!--<script src="https://unpkg.com/vue/dist/vue.min.js"></script>-->
<!--<script>-->
<!--    var app = new Vue({-->
<!--        el:"#app",-->
<!--        data:{-->
<!--            user:{-->
<!--                name:'Aresn',-->
<!--                gender:'男',-->
<!--                age:26-->
<!--            }-->
<!--        }-->
<!--    })-->
<!--</script>-->
</body>
</html>